<template>
  <div>
<!--    全局背景-->
    <div style="position: fixed;top: 0;left: 0;width: 100%;height:100%;background-color: #e6faff"></div>
<!--    顶部找工作上树叶招聘文字以及背景板-->
    <div style="position: absolute;top: 50px;left: 0;width: 100%;height:120px;background-color:#00ccbb">
      <p style="font-size: 31px;font-weight:800;color: white;letter-spacing: 3px;margin-left: 300px;padding: 5px;font-style: italic">找工作</p>
      <p style="font-size: 31px;font-weight:800;color: white;letter-spacing: 3px;margin-left: 300px;font-style: italic" >上树叶招聘</p>
    </div>
    <div style="position: absolute;top: 760px;left:350px;width: 1000px;height:950px;background-color: white"></div>
    <div style="position: absolute;top: 240px;left:350px;width: 1000px;height:480px;background-color: white"></div>
    <div style="position: absolute;top: 845px;left:385px;width: 931px;height:800px;background-color: #e6faff;border-radius: 18px"></div>
    <div style="position: absolute;top: 1760px;left:350px;width: 1000px;height:450px;background-color: white"></div>
    <div style="position: fixed;top: 0;left: 0;width: 100%;z-index:999;height: 50px;background-color: #39494d">
      <h3 style="color: #00e3e6;letter-spacing: 3px;padding: 10px;margin-left: 260px">树叶招聘网</h3>
    </div>
      <div style="position: absolute;font-size: 26px;top: 880px;left:46%;font-weight: bold">
        <p>热门就业方向</p>
      </div>
    <div style="position: absolute;font-size: 26px;top: 1780px;left:46%;font-weight: bold">
      <p>互联网就业趋势</p>
    </div>
    <div style="position: absolute;top: 950px;left:400px;">
      <a href="https://baike.baidu.com/item/%E5%A4%A7%E6%95%B0%E6%8D%AE%E5%B7%A5%E7%A8%8B%E5%B8%88/50311916?fr=ge_ala">
        <el-image style="width: 240px; height: 240px;margin-left: 37px" :src="url5" fit="fill" />
      </a>
      <a href="https://baijiahao.baidu.com/s?id=1788433632388535397&wfr=spider&for=pc">
        <el-image style="width: 240px; height: 240px;margin-left: 46px" :src="url6" fit="fill" />
      </a>
      <a href="https://baike.baidu.com/item/%E5%85%A8%E6%A0%88%E5%B7%A5%E7%A8%8B%E5%B8%88/12983270?fr=ge_ala">
        <el-image style="width: 240px; height: 240px;margin-left: 46px" :src="url7" fit="fill" />
      </a>
    </div>
    <div style="position: absolute;top: 1300px;left:400px;">
      <a href="https://www.kanzhun.com/baike_jobs/1nJ-3dw~/">
        <el-image style="width: 240px; height: 240px;margin-left: 37px" :src="url8" fit="fill" />
      </a>
      <a href="https://baike.baidu.com/item/%E7%BD%91%E7%BB%9C%E5%B7%A5%E7%A8%8B%E5%B8%88/470034?fr=ge_ala">
        <el-image style="width: 240px; height: 240px;margin-left: 46px" :src="url9" fit="fill" />
      </a>
      <a href="https://baike.baidu.com/item/%E8%BD%AF%E4%BB%B6%E5%B7%A5%E7%A8%8B%E5%B8%88/836275?fr=ge_ala">
        <el-image style="width: 240px; height: 240px;margin-left: 46px" :src="url10" fit="fill" />
      </a>
    </div>
    <div class="demo-progress" style="position:relative;top: 1880px;left: 450px">
      <el-progress
          :text-inside="true"
          :stroke-width="20"
          :percentage="81.12"
          status="success">
        <span>能源与动力工程</span>
      </el-progress>
      <el-progress
          :text-inside="true"
          :stroke-width="20"
          :percentage="75.45"
          color="#8f80ff"
      >
        <span>机械工程</span>
      </el-progress>
      <el-progress
          :text-inside="true"
          :stroke-width="20"
          :percentage="74.32"
          color="#4d77ff">
        <span>微电子科学与技术</span>
      </el-progress>
      <el-progress
          :text-inside="true"
          :stroke-width="20"
          :percentage="71.7"
          color="#ff3d19">
        <span>自动化</span>
      </el-progress>
      <el-progress
          :text-inside="true"
          :stroke-width="20"
          :percentage="70.1"
          color="exception">
        <span>软件工程</span>
      </el-progress>
      <el-progress
          :text-inside="true"
          :stroke-width="20"
          :percentage="69.9"
          color="#00cc91">
        <span>车辆工程</span>
      </el-progress>
      <el-progress
          :text-inside="true"
          :stroke-width="20"
          :percentage="68.6"
          color="#ed4dff">
        <span>计算机科学与技术</span>
      </el-progress>
    </div>
    <div>
    </div>
    <div>
      <ul style="z-index:999;position: fixed;top: 0">
        <li><a @click="seeking(this.user.account)" v-if="user.position === '求职者'">求职</a></li>
        <li><a @click="this.$router.push('/employ')" v-if="user.position === 'HR'">招聘</a></li>
        <li><a @click="this.$router.push('/recommendation')" v-if="user.position === '求职者'">推荐</a></li>
        <li><a @click="this.$router.push('/record')" v-if="user.position === '求职者'">申请记录</a></li>
        <li><a @click="this.$router.push('/resumebox')" v-if="user.position === 'HR'">简历箱</a></li>
        <li><a @click="openDrawer(user.account)" v-if="user.position === '求职者'">我的简历</a></li>
        <li><a @click="this.$router.push('/Inbox')" v-if="user.position === '求职者'">收件箱</a></li>
        <li><a @click="this.$router.push('/EmpRecord')" v-if="user.position === 'HR'">发布历史</a></li>
        <li><a @click="userFeedback">树叶社区</a></li>
      </ul>
    </div>
    <div style="position: fixed;top: -2px;left:1400px;z-index:999" >
      <div class="dropdown">
        <el-image class="dropbtn" style="width: 50px; height: 50px;" :src="this.user.image" fit="fill" />
        <div class="dropdown-content">
          <a  @click="open">每日打卡</a>
          <a  @click="this.$router.push('/PersonalHomepage')">个人主页</a>
          <a @click="this.$router.push('/user-manage')" v-if="user.account === 'admin'">编辑账号</a>
          <a @click="this.$router.push('/userlimit')" v-if="user.account === 'admin'">权限管理</a>
          <a @click="this.$router.push('/home-page')">回到主页</a>
          <a @click="cancel">退出登录</a>
        </div>
      </div>
    </div>
    <div style="position: absolute;top: 270px;left:650px">
      <img src="../assets/ts.png" height="45" width="408" >
    </div>
    <div style="position: absolute;top: 520px;left:170px">
      <img src="../assets/ttttts.png" height="460" width="80" >
    </div>
    <div style="position: absolute;top: 190px;left:30px">
      <img src="../assets/tttttts.png" height="460" width="80" >
    </div>
    <div style="position: absolute;top: 340px;left:520px;width: 650px">
      <el-carousel indicator-position="outside" height="350px">
        <el-carousel-item>
          <el-image style="width: 650px; height: 350px" :src="url1"></el-image>
        </el-carousel-item>
        <el-carousel-item >
          <el-image style="width: 650px; height: 350px" :src="url2"></el-image>
        </el-carousel-item>
        <el-carousel-item >
          <el-image style="width: 650px; height: 350px" :src="url3"></el-image>
        </el-carousel-item>
        <el-carousel-item>
          <el-image style="width: 650px;height: 350px" :src="url4"></el-image>
        </el-carousel-item>
      </el-carousel>
    </div>
    <el-drawer v-model="drawer" title="个人简历-属于自己的光辉时刻" :with-header="true">
      <el-radio-group v-model="size">
        <el-radio :label="'large'">放大</el-radio>
        <el-radio :label="'default'">默认</el-radio>
        <el-radio :label="'small'">缩小</el-radio>
      </el-radio-group>
      <el-descriptions
          title="我的简历--基本信息"
          :direction="'vertical'"
          :column="3"
          :size="size"
          border>
        <el-descriptions-item label="姓名" ><el-table :data="ResumedataTableData" table-layout="auto" style="width:auto"><el-table-column prop="name" ></el-table-column></el-table></el-descriptions-item>
        <el-descriptions-item label="性别"><el-table :data="ResumedataTableData" table-layout="auto" style="width:auto"><el-table-column prop="sex"></el-table-column></el-table></el-descriptions-item>
        <el-descriptions-item label="年龄"><el-table :data="ResumedataTableData" table-layout="auto" style="width:auto"><el-table-column prop="age"></el-table-column></el-table></el-descriptions-item>
        <el-descriptions-item label="电话号码"><el-table :data="ResumedataTableData" table-layout="auto" style="width:auto"><el-table-column prop="phone"></el-table-column></el-table></el-descriptions-item>
        <el-descriptions-item label="目前学历"><el-table :data="ResumedataTableData" table-layout="auto" style="width:auto"><el-table-column prop="position"></el-table-column></el-table></el-descriptions-item>
        <el-descriptions-item label="居住地"><el-table :data="ResumedataTableData" table-layout="auto" style="width:auto"><el-table-column prop="address"></el-table-column></el-table></el-descriptions-item>
        <el-descriptions-item label="求职意向"><el-table :data="ResumedataTableData" table-layout="auto" style="width:auto"><el-table-column prop="intendjob"></el-table-column></el-table></el-descriptions-item>
      </el-descriptions>
      <el-button type="primary" text @click="edit1(ResumedataTableData)">编辑</el-button>
      <el-dialog v-model="basicmessage" title="编辑基本信息" width="500" center>
        <el-form v-model="form" label-width="auto" style="max-width: 600px" >
          <el-form-item label="姓名">
            <el-input v-model="form.name"/>
          </el-form-item>
          <el-form-item label="性别">
            <el-radio-group v-model="form.sex">
              <el-radio value="男">男</el-radio>
              <el-radio value="女">女</el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="年龄">
            <el-input v-model="form.age"/>
          </el-form-item>
          <el-form-item label="电话号码">
            <el-input v-model="form.phone" />
          </el-form-item>
          <el-form-item label="目前学历">
            <el-select v-model="form.position" placeholder="请选择职业">
              <el-option label="专科" value="专科" />
              <el-option label="本科" value="本科" />
              <el-option label="硕士" value="硕士" />
              <el-option label="博士" value="博士" />
              <el-option label="其他" value="其他" />
            </el-select>
          </el-form-item>
          <el-form-item label="居住地">
            <el-input v-model="form.address" />
          </el-form-item>
          <el-form-item label="求职意向">
            <el-input v-model="form.intendjob" />
          </el-form-item>
          <el-button type="success" style="margin-left: 74%" @click="saveinformation(user.account)">保存以上信息</el-button>
        </el-form>
      </el-dialog>
      <!--        填写工作/实习经历弹出抽屉-->
      <el-descriptions
          :direction="'vertical'"
          :column="1"
          :size="size"
          border>
        <el-descriptions-item  label="工作/实习经历" span="3">
          <div class="demo-collapse">
            <el-collapse  @change="handleChange">
              <el-table :data="ResumedataTableData" table-layout="auto" style="width:auto">
                <el-table-column label="项目名称" prop="experiencename"/>
                <el-table-column label="项目经历介绍" prop="experience"/>
              </el-table>
            </el-collapse>
          </div>
        </el-descriptions-item>
      </el-descriptions>
      <el-button type="primary" text @click="edit2(ResumedataTableData)">编辑</el-button>
      <el-dialog v-model="editbasicmessage" width="500" >
        <el-form v-model="form" label-width="auto" style="max-width: 600px" >
          <el-form-item label="工作实习单位">
            <el-input style="width: auto" v-model="form.experiencename"/>
          </el-form-item>
          <el-input
              v-model="form.experience"
              style="width: 100%"
              :autosize="{ minRows: 2, maxRows: 4 }"
              type="textarea"
              placeholder="填写经历"
          />
          <br>
          <br>
          <el-button type="success" style="margin-left: 74%" @click="saveexperience(user.account)">保存以上信息</el-button>
        </el-form>
      </el-dialog>
      <el-descriptions
          :direction="'vertical'"
          :column="1"
          :size="size"
          border
      >
        <el-descriptions-item label="赛事获奖信息">
          <div>
            <el-table :data="ResumedataTableData" table-layout="auto" style="width:auto">
              <el-table-column label="比赛名称" prop="matchname"></el-table-column>
              <el-table-column label="比赛经历介绍" prop="matchintroduction"></el-table-column>
            </el-table>
          </div>
        </el-descriptions-item>
      </el-descriptions>

      <el-dialog v-model="editprojectmsg" title="请确保所填信息真实有效" width="500" center>
        <el-form v-model="form" label-width="auto" style="max-width: 600px" >
          <el-form-item label="赛事名称">
            <el-input style="width: 100px" v-model="form.matchname"/>
          </el-form-item>
          <el-input
              v-model="form.matchintroduction"
              style="width: 100%"
              :autosize="{ minRows: 2, maxRows: 4 }"
              type="textarea"
              placeholder="介绍比赛含金量以及在比赛中担当第几人"
          />
        </el-form>
        <br>
        <br>
        <el-button type="success" style="margin-left: 74%" @click="savematch(user.account)">保存以上信息</el-button>
      </el-dialog>
      <el-button type="primary" text @click="edit3(ResumedataTableData)">编辑</el-button>
      <!--        弹出获奖证书或者考级证书填写框-->
      <el-descriptions
          :direction="'vertical'"
          :column="1"
          :size="size"
          border
      >
        <el-descriptions-item label="获奖证书或者考级证书">
          <!--            上传照片功能实现组件-->
          <el-upload
              list-type="picture-card"
              action=''
              accept=".jpg, .png"
              :limit="1"
              :auto-upload="false"
              :on-change="getFile"
          >
            <el-icon><Plus /></el-icon>
          </el-upload>
          <p>只能上传一张jpg/png格式的照片</p>
          <button @click="uplodecode(user.account)">点击上传</button>
          <button @click="deletecode(user.account)">删除照片</button>
          <el-image style="display: inline"  :src="this.imgResult12"></el-image>
        </el-descriptions-item>
      </el-descriptions>
      <!--        个人优势介绍框-->
      <el-descriptions
          :direction="'vertical'"
          :column="1"
          :size="size"
          border
      >
        <el-descriptions-item label="个人优势">
          <el-table :data="ResumedataTableData" table-layout="auto" style="width:auto">
            <el-table-column label="优势介绍" prop="advantage"></el-table-column>
          </el-table>
        </el-descriptions-item>
      </el-descriptions>
      <!--        弹出个人优势填写表单-->
      <el-dialog v-model="advantagedialog" title="请确保所填信息真实有效" width="500" center>
        <el-form  label-width="auto" style="max-width: 600px" >
          <el-input
              v-model="form.advantage"
              style="width: 100%"
              :autosize="{ minRows: 2, maxRows: 4 }"
              type="textarea"
              placeholder="简要介绍你的各方面优势"
          />
        </el-form>
        <br>
        <el-button type="success" style="margin-left: 74%" @click="saveadvantage(user.account)">保存以上信息</el-button>
      </el-dialog>
      <el-button type="primary" text @click="edit4(ResumedataTableData)">填写个人优势</el-button>

    </el-drawer>
  </div>
</template>

<style scoped>
ul {
  position: fixed;
  list-style-type: none;
  margin-left: 400px;
  padding: 0;
  overflow: hidden;
  background-color: #39494d;
}
li {
  float: left;
}

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
li a:hover{
  color:#00e3e6 ;
}
.dropbtn {
  border-radius: 50%;
  border: none;
  cursor: pointer;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 100px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
  display: block;
}
.el-carousel__item h3 {
  display: flex;
  color: #475669;
  opacity: 0.75;
  line-height: 300px;
  margin: 0;
}
.countdown-footer {
  margin-top: 8px;
}
.demo-progress .el-progress--line {
  margin-bottom: 15px;
  max-width: 700px;
}
.avatar-uploader .el-upload {
  border: 1px dashed var(--el-border-color);
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: var(--el-transition-duration-fast);
}

.avatar-uploader .el-upload:hover {
  border-color: var(--el-color-primary);
}
</style>

<script>
import request from "@/Utils/request.js";
import {TrophyBase} from'@element-plus/icons-vue'
import {defineComponent} from "vue";
import {ElMessageBox} from "element-plus";
import axios from "axios";
import {Message, MessageBox, Plus} from "@element-plus/icons-vue";

export default defineComponent({
  computed: {
  },
  components: {TrophyBase,Plus},
  data() {
    return{
      isButtonDisabled: true,
      url1:'https://n.sinaimg.cn/spider20210822/399/w1200h799/20210822/4e68-8046ba87cb31f3ce706598047eab0a1e.jpg',
      url2:'https://www.qwbaike.cn/uploads/202210/1666531761pCcqq5sR.jpg',
      url3:'https://img2.baidu.com/it/u=1932911213,3865505957&fm=253&fmt=auto&app=120&f=JPEG?w=1522&h=800',
      url4:'https://empic.dfcfw.com/1025291655152115715/w1200h800/art',
      url5: 'https://img0.baidu.com/it/u=1691599628,1922066971&fm=253&fmt=auto&app=138&f=JPEG?w=430&h=226',
      url6: 'https://midpf-material.cdn.bcebos.com/6054b6379ed64e194eb095609f97c70a.jpeg',
      url7: 'https://img.mp.itc.cn/upload/20161025/66efaf85e81945c7b3db23ac7c6457c3_th.jpg',
      url8: 'https://cdn.img.fagua.net/site/50073998/image/c2_20201204184027_38612.jpg',
      url9: 'https://img0.baidu.com/it/u=787009751,730430824&fm=253&fmt=auto&app=120&f=JPEG?w=413&h=290',
      url10: 'https://img0.baidu.com/it/u=2325173124,122885269&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=300',
      user:localStorage.getItem("user")?JSON.parse(localStorage.getItem("user")):{},
      ResumedataTableData:[],
      imgResult1:'',
      imgResult12:'',
      size: 'default',
      blockMargin: {
        marginTop: '28px',
      },
      drawer:false,
      basicmessage:false,
      editbasicmessage:false,
      editprojectmsg:false,
      advantagedialog:false,
      tableData:[],
      form:{
        name:'',
        address:'',
        position:'',
        age:'',
        sex:'',
        phone:'',
        intendjob:'',
        experiencename:'',
        experience:'',
        matchname:'',
        matchintroduction:'',
        advantage:'',
      }
    }
  },
  methods:{
    userFeedback(){
      const { href } = this.$router.resolve({
        path: '/community'
      });
      window.open(href, '_blank');
    },
    seeking(account){
      this.$router.push('/seekingjob')
      request.get(`/userresume/allresumemsg/${account}`).then(res=>{
        localStorage.setItem("usermsg",JSON.stringify(res))
      })
    },
    saveexperience(account){
      request.put(`/userresume/updateexperience/${account}`,this.form).then(res=>{
        this.$message({
          message:'实习信息已保存',
          type:'success'
        })
        setTimeout(()=>{
          location.reload()
        },1000);
      })
    },
    savematch(account){
      request.put(`/userresume/updatematch/${account}`,this.form).then(res=>{
        this.$message({
          message:'比赛信息已保存',
          type:'success'
        })
        setTimeout(()=>{
          location.reload()
        },1000);
      })
    },
    saveadvantage(account){
      request.put(`/userresume/updateadvantage/${account}`,this.form).then(res=>{
        this.$message({
          message:'简历信息已保存',
          type:'success'
        })
        setTimeout(()=>{
          location.reload()
        },1000);
      })
    },
    saveinformation(account){
      request.put(`/userresume/updateresumemsg/${account}`,this.form).then(res=>{
        this.$message({
          message:'信息已保存',
          type:'success'
        })
        setTimeout(()=>{
          location.reload()
        },1000);
      })
    },
    deletecode(account){
      request.put(`user/deletecode/${account}`).then(res=>{
        this.$message({
          type:'success',
          message:'删除成功'
        })
      })
    },
    uplodecode(account){
      if( this.imgResult1 === ''){
        this.$message({
          type:'error',
          message:'系统异常'
        })
      }else {
        request.put(`/user/uplodecode/${account}`,{
          image:this.imgResult1
        }).then(res=>{
          this.$message({
            type:'success',
            message:'上传成功'
          })
          setTimeout(()=>{
            location.reload()
          },2000)
        })
      }
    },
    getBase64(file) {
      return new Promise(function (resolve, reject) {
        const reader = new FileReader()
        var imgResult=''
        reader.readAsDataURL(file)
        reader.onload = function () {
          imgResult = reader.result
        }
        reader.onerror = function (error) {
          reject(error)
        }
        reader.onloadend = function () {
          resolve(imgResult)
        }
      })
    },
    getFile(file, fileList) {
      this.getBase64(file.raw).then(res => {
        const params = res.split(',')
        console.log(params, 'params')
        if (params.length > 0) {
          this.proofImage = params[1]
        }
        this.imgResult1=params[0]+','+params[1]
      })
    },
    //基本信息填写的编辑按钮事件方法
    edit1(obj){

      this.form.name=obj[0]['name']
      this.form.sex=obj[0]['sex']
      this.form.age=obj[0]['age']
      this.form.phone=obj[0]['phone']
      this.form.position=obj[0]['position']
      this.form.address=obj[0]['address']
      this.form.intendjob=obj[0]['intendjob']
      this.basicmessage=true
    },
    //工作和实习经历填写的编辑按钮事件方法
    edit2(obj){
      this.form.experiencename=obj[0]['experiencename']
      this.form.experience=obj[0]['experience']
      this.editbasicmessage=true
    },
    //赛事填写的编辑按钮事件方法
    edit3(obj){
      this.form.matchname=obj[0]['matchname']
      this.form.matchintroduction=obj[0]['matchintroduction']
      this.editprojectmsg=true
    },
    //个人优势填写的编辑按钮事件方法
    edit4(obj){
      this.form.advantage=obj[0]['advantage']
      console.log(obj[0]['advantage'])
      this.advantagedialog=true
    },
    openDrawer(account,id) {
      this.drawer = true;
      request.post('/userresume/judgeaccount',{
        account:account
      }).then(res=>{
        if(res === 0){
          console.log("存在用户!")
        }else {
          console.log("没有此用户!")
        }
      }).catch(error=>{
        console.error("请求出错",error)
      })
      request.get(`/userresume/allresumemsg/${account}`).then(res=>{
        localStorage.setItem("usermsg",JSON.stringify(res))
        this.ResumedataTableData=res
      })
      request.get(`/user/image/${account}`).then(res=>{
        this.imgResult12=res.image
      });
    },
    checkButtonStatus(){
      const lastClickTime = localStorage.getItem(this.user.account);
      if(lastClickTime){
        const currentTime = new Date().getTime();
        //判断是否为同一天
        const lastClickDate = new Date(parseInt(lastClickTime)).toDateString();
        const currentDate = new Date(parseInt(currentTime)).toDateString();
        if (lastClickDate === currentDate) {
          this.isButtonDisabled = false;
        } else {
          // 如果是新的一天，恢复按钮并更新点击时间
          this.isButtonDisabled = true;
        }
      } else {
        // 如果没有记录点击时间，按钮可用
        this.isButtonDisabled = true;
      }
    },
    open() {
      if(this.isButtonDisabled === true){
        request.get('/api/wl/yan/ming').then(res=>{
          ElMessageBox.alert(res.data.msg,res.data.source);
          //设置点击时间为当前时间戳
          localStorage.setItem(this.user.account,new Date().getTime().toString());
        }).catch(error=>{
          console.log(error)
        })
      }else {
        this.$message.error("今日打卡已完成,请勿重复打卡")
      }
    },
    cancel(){
      localStorage.removeItem("user");
      localStorage.removeItem("usermsg");
      localStorage.removeItem("employeemsg");
      this.$router.push('/login');
      this.$message({
        message:'退出成功!',
        type:'success'
      })
    }
  },
  mounted() {
    this.checkButtonStatus();
    // 每分钟检查一次日期是否已经变更
    setInterval(() => {
      this.checkButtonStatus();
    }, 1000);
      // request.get('/user/selectByaccount',{
      //   account:this.user.account
      // }).then(res=>{
      //   console.log(res)
      // })
  }
})

</script>